<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="assets/css/website.css">
    <link rel="stylesheet" href="assets/css/reset-global.css">
    <link rel="stylesheet" href="assets/css/style.css">
    <link rel="stylesheet" href="assets/css/bootstrap.min.css">
    <script src="assets/js/jquery.js"></script>
    <script src="assets/js/bootstrap.min.js"></script>


    <script src="js/mui.min.js"></script>
    <link href="css/mui.min.css" rel="stylesheet"/>
    <link rel="stylesheet" href="assets/css/blog.css">
    <link rel="stylesheet" href="assets/css/bootstrap.min.css">
    <title>Document</title>
  </head>
  <body>
    <!-- 头部 -->
<!--
    <div class="top">
      <div class="header same">
        <div class="top center flex">
          <div class="header_left flex">
            <img src="assets/img/top1.png" alt="">
            <img src="assets/img/top2.png" alt="">
            <img src="assets/img/top3.png" alt="">
            <img src="assets/img/top4.png" alt="">
            <img src="assets/img/top5.png" alt="">
          </div>
          <div class="header_right  flex" >
            <div class="emli flex">
              <img src="assets/img/1_06.png" alt="">
              <p>ContacUst@Gmail.com</p>
            </div>
            <div class="emli flex">
              <img src="assets/img/1_03.png" alt="">
              <p>80888887</p>
            </div>
          </div>
        </div>
      </div>
      &lt;!&ndash; top_header &ndash;&gt;
      <div class="nav same">
        <div class="navs center flex">
          <div class="logo"> <img src="assets/img/1_11.png" alt=""></div>
          <ul class="flex">
            <li><a href="index" >HOME</a></li>
            <li><a href="blog">BLOG</a></li>
            <li><a href="aboutUs" class="active">ABOUT US</a></li>
            <li><a href="contact">CONTACT</a></li>
          </ul>
        </div>
      </div>
      &lt;!&ndash; top_nav &ndash;&gt;
      <div class="same banner">
        <div class="banner_cot center">
          <div class="wenzi">
            <h1>SEE &nbsp; THE&nbsp; WORD&nbsp; DIFFERENTLY</h1>
            <p>Request,design and book travel experiences as uniquelas you are</p>
          </div>
          <div class="search">
            <input type="search" placeholder="Where are you going ?">
            <button type="button" >
              <span class="glyphicon glyphicon-search" aria-hidden="true"></span>
              Search
            </button>
          </div>
          <div class="paris">
            <p>TOP DESTINATION: PARIS ,ZNEWYORKLONDON ROMESANFRANC c  MORE..</p>
          </div>
        </div>
      </div>
      &lt;!&ndash; top_bnaner &ndash;&gt;
    </div>
-->

    <div th:include="pub_head"></div>

    <div class="xiangmu">
      <div class="zhuti">
        <div class="zhutis">
          <div class="zhutileft">
            <div class="zhulefts">
              <div class="zhuleft">
                <p>[[${modules[14].module.name}]]</p>
                <span>
                  [[${modules[14].banners[0].b1}]]
                  <a>[[${modules[14].banners[0].b2}]]</a>
                  [[${modules[14].banners[0].b3}]]
                </span>
              </div>
              <div class="zhuleft1">
                <img th:src="${modules[15].banners[0].imgUrl2}" alt="" />
              </div>
              <div class="zhuleft2">
                <p>
                  [[${modules[15].banners[1].description}]]
                </p>
              </div>
              <div class="zhuleft3">
                <p>
                  [[${modules[15].banners[2].description}]]
                </p>
              </div>
              <div class="zhuleft4">
                <p>[[${modules[15].banners[3].description}]]</p>
              </div>
              <div class="zhuleft3">
                <p>
                  [[${modules[15].banners[4].description}]]
                </p>
              </div>
              <div class="zhuleft6">
                <span>[[${modules[15].banners[5].title}]]</span>
                <p>
                  [[${modules[15].banners[5].description}]]
                </p>
              </div>
              <div class="zhuleft6">
                <span>[[${modules[15].banners[6].title}]]</span>
                <p>
                  [[${modules[15].banners[6].description}]]
                </p>
              </div>
              <div class="zhuleft6">
                <span>[[${modules[15].banners[7].title}]]</span>
                <p>
                  [[${modules[15].banners[7].description}]]
                </p>
              </div>
              <div class="zhuleft3">
                <p>
                  [[${modules[15].banners[8].description}]]
                </p>
              </div>
              <div class="zhuleft7">
                <p>[[${modules[15].banners[9].description}]]</p>
              </div>
              <div class="zhuleft3">
                <p>
                  [[${modules[15].banners[10].description}]]
                </p>
              </div>
              <div class="zhuleft8">
                <p  th:each="i1:${#numbers.sequence(11,13)}">
                  <span>[[${modules[15].banners[i1].title}]]</span>
                  [[${modules[15].banners[i1].description}]]
                </p>
                <!--<p>
                  <span>。</span>
                  Sit amat vadgdss sasdf
                </p>
                <p>
                  <span>。</span>
                  Pdd dasd faf
                </p>-->
              </div>
              <div class="zhuleft3">
                <p>
                  [[${modules[15].banners[14].description}]]
                </p>
              </div>
              <div class="zhuleft3">
                <p>
                  [[${modules[15].banners[15].description}]]
                </p>
              </div>
            </div>

            <div class="zhuleft10">
              <span>[[${modules[16].module.name}]]</span>
              <p><meter min="0" low="100" high="90" max="100" optimum="100" value="20"></meter></p>
              <div class="zhu10">
                <div class="left10"  th:each="user1:${modules[16].banners}">
                  <img th:src="${user1.imgUrl1}" alt="" />
                  <p>[[${user1.description}]]</p>
                </div>
               <!-- <div class="left10">
                  <img src="../img/1_72.png" alt="" />
                  <p>Consetetur sadipscring elitr nonumy</p>
                </div>
                <div class="left10">
                  <img src="../img/1_72.png" alt="" />
                  <p>Consetetur sadipscring elitr nonumy</p>
                </div>-->
              </div>
            </div>
          </div>

          <div class="zhutiright">
            <div class="zhuright">
              <img th:src="${modules[17].banners[0].imgUrl1}" alt="" />
            </div>
            <div class="zhuright1">
              <span>[[${modules[17].banners[0].title}]]</span>
              <p><meter min="0" low="100" high="90" max="100" optimum="100" value="30"></meter></p>
              <div class="pq"><p>[[${modules[17].banners[0].description}]]</p></div>
            </div>
            <div class="zhuright2">
              <span>[[${modules[18].module.name}]]</span>
              <p><meter min="0" low="100" high="90" max="100" optimum="100" value="90"></meter></p>
              <div class="zhuright2s" th:each="user2:${modules[18].banners}">
                <img  th:src="${user2.imgUrl1}" alt="" />
                <p>[[${user2.description}]]</p>
              </div>
              <!--<div class="zhuright2s">
                <img src="../img/2_10.png" alt="" />
                <p>An djak ajs ajida ajskdja akdj dalkdl adas</p>
              </div>
              <div class="zhuright2s">
                <img src="../img/2_12.png" alt="" />
                <p>An djak ajs ajida ajskdja akdj dalkdl adas</p>
              </div>
              <div class="zhuright2s">
                <img src="../img/2_14.png" alt="" />
                <p>An djak ajs ajida ajskdja akdj dalkdl adas</p>
              </div>-->
            </div>
            <div class="zhuright3">
              <span>[[${modules[19].module.name}]]</span>
              <p><meter min="0" low="100" high="90" max="100" optimum="100" value="40"></meter></p>
              <div class="xiala">
                <form>
                  <select>
                    <option>[[${modules[19].module.title}]]</option>
                  </select>
                </form>
              </div>
            </div>

            <!--<div class="zhuright4">
              <span>[[${modules[20].module.name}]]</span>
              <p><meter min="0" low="100" high="90" max="100" optimum="100" value="40"></meter></p>
              <div class="crfOne">
                <img th:each="i2:${#numbers.sequence(0,2)}" th:src="${modules[20].banners[i2].imgUrl1}" alt="" />
                &lt;!&ndash;<img src="../img/1_65.png" alt="" />
                <img src="../img/1_68.png" alt="" />&ndash;&gt;
              </div>
              <div class="crfOne">
                <img th:each="i2:${#numbers.sequence(3,5)}" th:src="${modules[20].banners[i2].imgUrl1}" alt="" />
                &lt;!&ndash;<img src="../img/1_72.png" alt="" />
                <img src="../img/1-2_06.png" alt="" />&ndash;&gt;
              </div>
              <div class="crfOne">
                <img th:each="i2:${#numbers.sequence(6,8)}" th:src="${modules[20].banners[i2].imgUrl1}" alt="" />
                &lt;!&ndash;<img src="../img/2_10.png" alt="" />
                <img src="../img/2_07.png" alt="" />&ndash;&gt;
              </div>
              <div class="crfOne">
                <img th:each="i2:${#numbers.sequence(9,11)}" th:src="${modules[20].banners[i2].imgUrl1}" alt="" />
                &lt;!&ndash;<img src="../img/1_68.png" alt="" />
                <img src="../img/2_12.png" alt="" />&ndash;&gt;
              </div>
            </div>-->
            <div class="centerrightFour">
              <p class="p4">[[${modules[12].module.name}]]</p>
              <div class="four-container">
                <div class="four-progress"></div>
              </div>
              <div class="centerrightFours">
                <div class="crfOne">
                  <img th:each="i1:${#numbers.sequence(0,2)}" th:src="${modules[12].banners[i1].imgUrl1}" />
                  <!--<img th:src="${modules[12].banners[i1].imgUrl1}" />
                  <img th:src="${modules[12].banners[i1].imgUrl1}" />-->
                </div>
                <div class="crfOne">
                  <img th:each="i1:${#numbers.sequence(3,5)}" th:src="${modules[12].banners[i1].imgUrl1}" />
                  <!--<img src="../img/w14.png" />
                  <img src="../img/w9.png" />-->
                </div>
                <div class="crfOne">
                  <img th:each="i1:${#numbers.sequence(6,8)}" th:src="${modules[12].banners[i1].imgUrl1}" />
                  <!--<img src="../img/w8.png" />
                  <img src="../img/w11.png" />-->
                </div>
                <div class="crfOne">
                  <img th:each="i1:${#numbers.sequence(9,11)}" th:src="${modules[12].banners[i1].imgUrl1}" />
                  <!--<img src="../img/w13.png" />
                  <img src="../img/w10.png" />-->
                </div>
              </div>
            </div>
            <div class="zhuright5">
              <span>[[${modules[21].module.name}]]</span>
              <p><meter min="0" low="100" high="90" max="100" optimum="100" value="30"></meter></p>
              <div class="meta">
                <p class="metes" th:each="user4:${modules[21].banners}">[[${user4.title}]]</p>
                <!--<p class="metes">>May 2015</p>
                <p class="metes">>May 2015</p>
                <p class="metes">>May 2015</p>-->
              </div>

            </div>

          </div>
        </div>

      </div>

    </div>


    <!-- 底部 -->
    <!--<div class="bottom same">
      <div class="bottom_top center flexs">
        <div class="botTop_left">
          <img src="../img/1_78.png" alt="">
          <p>
            Nam libero tempore,cum soluta nobis esteligendi optio cumque quod maxime
            placeat cum soluta nobis facere possimusnihil impedit quo minus id quod maximeplaceat facere possimus. est eligendioptio cumque
          </p>
          <p>
            facere possimus nihil impedit quo minusid quod maxime placeat facere possimus.
          </p>
        </div>
        <div class="botTop_left">
          <h3>News Letter</h3>
          <div class="progress">
            <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 40%">
              <span class="sr-only">50% Complete (warning)</span>
            </div>
          </div>
          <p>
            facere possimus nihil iimpedit quo minusid quod maxime placeat facere possimus.est eligendi
          </p>
          <input type="text" placeholder="Enter your emall adaress...">
          <button>SUBCRIBE NOW</button>
        </div>
        <div class="botTop_left">
          <h3>News Letter</h3>
          <div class="progress">
            <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 40%">
              <span class="sr-only">50% Complete (warning)</span>
            </div>
          </div>
          <div class="photos flex">
            <img src="../img/1-2_03.png" alt="">
            <img src="../img/1-2_03.png" alt="">
            <img src="../img/1-2_03.png" alt="">

          </div>
        </div>
      </div>
    </div>
    <div class="bottoms same">
      <p>Copyright D 2015.Company name All rights reserved.氧设计</p>
    </div>-->
    <div th:include="pub_footer"></div>



  </body>
</html>
